<template>
  <div>
    <el-card>
      <!-- <el-steps :active="active" finish-status="success">
        <el-step title="制定排课计划"></el-step>
        <el-step title="关联实验信息"></el-step>
        <el-step title="完成"></el-step>
      </el-steps> -->
      <div>
        <plan/>
        <!-- <experiment v-if="active === 1" />
        <success v-if="active === 2" /> -->
      </div>
      <br/>
      <!-- <el-button v-if="active === 1 || active === 2" type="default" style="margin-top: 12px;" @click="before">上一步</el-button>
      <el-button v-if="active === 0 || active === 1" type="primary" style="margin-top: 12px;" @click="next">下一步</el-button>
      <el-button v-else-if="active === 2" type="primary" style="margin-top: 12px;" @click="next">查看所有排课计划列表</el-button> -->
      <br/>
      <el-button type="primary" style="margin-bottom: 12px; float: right" @click="submit">提交申请</el-button>
    </el-card>
  </div>
</template>

<script>
import plan from './components/plan'
import experiment from './components/experiment'
import success from './components/success'
export default {
  components: {
    plan,
    experiment,
    success
  },
  data() {
    return {
      active: 0
    }
  },
  methods: {
    next() {
      console.log('当前active是：', this.active)
      if (this.active++ >= 2) {
        this.active = 2
      }
    },
    before() {
      if (this.active-- < 1) {
        this.active = 1
      }
    }
  }
}
</script>

